<!doctype html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style>
			body {
				font: 12px/22px Arial, "\5B8B\4F53", "SimSun", HELVETICA, "Hiragino Sans GB";
				color: #333
			}
			.contactsList span {
				cursor: pointer;
				float: left;
				background: rgba(255, 100, 100, 0.5);
				border: 2px solid #A5CAEF;
				margin-right: 10px;
			}
			.clear {
				content: ”.”;
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
			}
		</style>
	</head>

	<body>
		<div id="contactsList" class="contactsList">
			<!--<span id="talkto:1010777053|zfz24">林纾</span>
			<span id="talkto:1010744671|zfz12345678">正周方噢噢</span>
			<span id="talkto:1010710391|zfz2345">正</span>
			<span id="talkto:1010765859|xfbcs">大白</span>-->
			<span id="1010777053|1|jinshengA|金胜Aa|金隅·澜湾|北京|1">金胜A</span>
			<span id="1010744671|2|jinshengB|金胜Bb|金隅·澜湾|北京|0">金胜B</span>
			<span id="1010710391|3|jinshengC|金胜Cc|金隅·澜湾|北京|0">金胜C</span>
			<span id="1010765859|4|jinshengD|金胜Dd|金隅·澜湾|北京|1">金胜D</span>
			<div class="clear"></div>
		</div>
	</body>

</html>
<script type="text/javascript">
	/*测试用*/
	document.querySelector("#contactsList").onclick = function(e) {
		var tg=e.target;
			if (tg.nodeName.toLowerCase() == "span") {
				data=tg.id.split("|");
				window.externalInterface.openChat({
					"group": 1,
					"contactId": 'wl:'+data[2],
					"showname": data[3]+data[4],
					"city": data[5],
					"newcode": data[0],
					"pname": data[4],
                    "tip":data[3]+data[4]+"发了一句话"
				});
			}
		}
		/*测试用结束*/
	var _vars = _vars || new Object();
	_vars.VERSION = "0.0.1";
	_vars.base = "./scripts/";
	_vars.entrance = "main";
    _vars.broker=[
        {city: "北京1",contactId: "fl:jinshengA1",group: 1,newcode: "10107770531",pname: "金隅·澜湾1",showname: "金胜Aa金隅·澜湾4","tip":"金胜Aa金隅·澜湾4发了一句话"},
        {city: "北京2",contactId: "fl:jinshengA2",group: 1,newcode: "10107770532",pname: "金隅·澜湾2",showname: "金胜Aa金隅·澜湾5","tip":"金胜Aa金隅·澜湾5发了一句话"},
        {city: "北京3",contactId: "fl:jinshengA3",group: 1,newcode: "10107770533",pname: "金隅·澜湾3",showname: "金胜Aa金隅·澜湾6","tip":"金胜Aa金隅·澜湾6发了一句话"}
    ];
    _vars.consultant=[
        {city: "北京15",contactId: "fl:jinshengA15",group: 1,newcode: "101077705315",pname: "金隅·澜湾15",showname: "金胜Aa金隅·澜湾45","tip":"金胜Aa金隅·澜湾45发了一句话"},
        {city: "北京26",contactId: "fl:jinshengA26",group: 1,newcode: "101077705326",pname: "金隅·澜湾26",showname: "金胜Aa金隅·澜湾56","tip":"金胜Aa金隅·澜湾56发了一句话"},
        {city: "北京37",contactId: "fl:jinshengA37",group: 1,newcode: "101077705337",pname: "金隅·澜湾37",showname: "金胜Aa金隅·澜湾67","tip":"金胜Aa金隅·澜湾67发了一句话"}
    ];
    _vars.config = {
        group: "1",//新房为1，二手房为2，家居为3
        username: "",//登录用户请传通行证用户名，非登录不传
        showname: "",//显示用
        city: "北京"//城市必填
    };
</script>
<script src="scripts/im.js"></script>